import React from 'react'
import { Row, Col } from 'antd'
import styles from './basicInfo.scss'

const BasicInfo = (props) => {
  return (
    <Row style={{paddingTop:24,paddingBottom: 24, backgroundColor: '#fff'}}>
      <Col span={6}>
        <div className={styles["title"]}>账号类型</div>
        <div className={styles["sub-title"]}>{props.data.type}</div>
      </Col>
      <Col span={6}>
        <div className={styles["title"]}>付费类型</div>
        <div className={styles["sub-title"]}>{props.data.chargeType}</div>
      </Col>
      <Col span={6}>
        <div className={styles["title"]}>累计充值</div>
        <div className={styles["sub-title"]}>{props.data.totalSmsNum || 0}</div>
      </Col>
      <Col span={6}>
        <div className={styles["title"]}>当前余额(条数)</div>
        <div className={styles["sub-title"]}>{props.data.smsNum || 0}</div>
      </Col>
    </Row>
  )
}

export default BasicInfo